<template>
  <div class="search">
    <input type="text" placeholder="搜索商品/店铺" v-model="search_value">
    <span @click="search">搜索</span>
  </div>
</template>

<script>
export default {
    data(){
        return {
            search_value:'',
        }
    },
    methods:{
        search(){
            console.log(this.search_value);
        }
    },
}
</script>

<style lang="scss" scoped>
    .search{
        padding: 10px;
        background: rgb(11, 153, 241);
    }
    .search input{
        height: 40px;
        text-align: center;
        border-radius: 20px;
        background: white;
        color: #555555;
        width: 85%;
        border: none;
        outline: none;
    }
    .search span{
        margin-left: 10px;
        color: white;
    }
</style>